<template>
	<div id="account">
		<div class="account">
			<el-row>
				<el-col :span="7"><i class="iconfont">&#xe606;</i></el-col>
				<el-col :span="17">
					<font>86,644,678</font>
					平台资产交易金额
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="7"><i class="iconfont">&#xe605;</i></el-col>
				<el-col :span="17">
					<font>86,644,678</font>
					资产月成交量
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="7"><i class="iconfont">&#xe604;</i></el-col>
				<el-col :span="17">
					<font>86,644,678</font>
					平台总资产数量
				</el-col>
			</el-row>
		</div>
	</div>
</template>
<script>
	export default{
		name: "account"
	}
</script>
<style scoped lang="less" rel="stylesheet/less" type="text/css">
	@import '../../../public/css/variable.less';

	.account{
	    height: 355px;
	    .bdr(5px);
	    margin-top: 50px;
	    background: url(../../../public/images/o_white.png) repeat repeat;
	    padding: 5px 25px 0;
	    box-sizing: border-box;
	    .el-row{
	    	font-size: 16px;
		    color: #969a9d;
		    padding: 25px 0;
		    border-top: 1px dashed #d4d3d2;
	    	&:first-child{ 
	    		border-top: 0; 
	    		.el-col:last-child{ color: @cgolden; }
	    	}
	    }
	    i{
		    .fonts(60px);
	    }
	    font{
	    	display: block;
	    	font-family: Arial;
		    padding-bottom: 5px;
		    .fonts(30px);
	    }
	}
</style>